<!-- 表示当前文档是 html5版本 让浏览器使用h5的规范解析-->
<!DOCTYPE html>
<!--表示网页的开始与结束lang="en"表示网页是一个英文网站 zh表示中文-->
<html lang="en">
<!--网页头部，存放一些配置信息-->
<head>
    <meta charset="UTF-8">    <!--配置编码，为了认识中文-->
    <title>我是标题</title>     <!-- 网页的标题-->
</head>
<body> <!-- 网页展示的内容-->
<!-- 我是注释-->
今日的第一个页面
<b> 加粗文字</b>
<i>斜体文字</i>
<s>删除线文字文字</s>
<u>下划线文字</u>
<mark>高亮标记文字</mark>
<!--换行标签 单标记标签-->
<br>
<!--转义符号 &lt;小于号&gt大于号,&nbsp;空格-->
我喜欢&lt;tom&gt;做的&nbsp;&nbsp;红烧肉
<!--标题字h1~h6: 加粗，修改字号，独占一行，有行间距-->
<h1> 一级标题</h1>
<h2> 二级标题</h2>
<h3> 三级标题</h3>
<h4> 四级标题</h4>
<h5> 五级标题</h5>
<h6> 六级标题</h6>
<!--段落-->
<p>吃葡萄不吐葡萄皮</p>
<p>吃葡萄不吐葡萄皮</p>
<p>吃葡萄不吐葡萄皮</p>
<!--lorem 按Tab补全生成假文-->
lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam asperiores atque autem cumque delectus dolorum eaque
eius eligendi enim eos error est et, fuga hic illum impedit inventore iusto laudantium maiores minus molestias mollitia
nihil nobis odio officiis optio pariatur placeat quae quaerat quam quis quo quod quos recusandae repellat repudiandae
rerum sapiente sed sequi similique sit sunt suscipit tempora
<!--生成一条水平的灰色分割线-->
<hr>
<!--有序列表 ordered list-->
<!--type控制列表项前标识符的类型
1阿拉伯数字
A大写字母
a小写字母
I大写罗马数字
i小罗马数字-->
<ol type="a">
    <!--    列表项 list item-->
    <li>把水煮开</li>
    <li>把面条放进去</li>
    <li>把面条捞出来</li>
</ol>
<!--无序列表 unordered list-->
<!--type="none"去掉无序列表项前标识符-->
<ul type="none">
<!--    列表项 list item-->
    <li>《Think in Java》</li>
    <li>《Java从入门到精通》</li>
    <li>《颈椎康复指南》</li>
</ul>
<ul>
    <li>凉菜</li>
    <ul>
        <li>拍黄瓜</li>
        <li>皮蛋豆腐</li>
        <li>凉拌三丝</li>
    </ul>
</ul>
<ul>
    <li>热菜</li>
    <ul>
        <li>西红柿牛腩</li>
        <li>水煮肉片</li>
        <li>溜肉段</li>
        <li>宫保鸡丁</li>
    </ul>
</ul>
<ul>
    <li>主食</li>
    <ul>
        <li>米饭</li>
        <li>面条</li>
    </ul>
</ul>
<hr>
<h1>个人简历</h1>
<hr>
<h3>基本信息</h3>
<ul type="none">
    <li>姓名：传奇哥</li>
    <li>性别：男</li>
    <li>爱好：摄影</li>
</ul>

<li>个人经历</li>

<ul >
    <li>小学9年</li>
    <li>中学9年</li>
    <li>高中12年</li>
</ul>
<li>获得荣誉</li>
<ul type="none">
    <li>机甲收集达人</li>
    <li>玩偶收集达人</li>
</ul>
</body>

</html>
